<template>
	<div id="app">
		<router-view />
	</div>
</template>

<script>
	export default {

	}
</script>

<style>
	.tx {
		background: silver;
		width: 10px;
		height: 200px;
		float: left;
	}

	#tx1 {
		margin-left: 20%;
		transform: rotate(30deg);
	}

	#tx2 {
		transform: rotate(-30deg);
	}

	.monitor {
		width: 700px;
		height: 400px;
		margin: 0 auto;
		border: 30px solid black;
		border-radius: 5%;
		background: white;
	}

	#app {
		font-family: Avenir, Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
	}

	#nav {
		padding: 30px;
	}

	#nav a {
		font-weight: bold;
		color: #2c3e50;
	}

	#nav a.router-link-exact-active {
		color: #42b983;
	}
</style>
